.login {
  margin-top: 100px !important;
  width: 500px;
  height: 500px;
  margin: 0 auto;
  box-shadow: 0px 0px 100px #ccc;
  box-sizing: border-box;
  padding-top: 50px;
  margin-bottom: 200px;
}
.login h1 {
  text-align: center;
  font-family: OSBold;
  font-size: 30px;
  text-transform: uppercase;
}
.login .inp {
  width: 78%;
  margin: 0 auto;
  margin-top: 37px;
  margin-bottom: 50px;
}
.login .inp p {
  color: #8a8a8a;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 13px;
}
.login .inp > input {
  border: 1px solid #8a8a8a;
  width: 100%;
  height: 42px;
  line-height: 42px;
}
.login .inp2 {
  width: 78%;
  margin: 0 auto;
}
.login .inp2 input {
  border: 1px solid #8a8a8a;
  width: 100%;
  height: 42px;
  line-height: 42px;
}
.login .inp2 .inp2-top {
  display: flex;
  justify-content: space-between;
}
.login .inp2 p {
  color: #8a8a8a;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 13px;
}
.login .inp2 a {
  text-transform: lowercase ;
  color: #f68236;
  font-family: OSLtalic;
}
.login .sub {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.login .sub input {
  border: none;
  background-color: #f68236;
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 auto;
  width: 195px;
  height: 50px;
}
.login .sub a {
  margin-top: 16px;
  text-transform: lowercase ;
  color: #f68236;
  font-family: OSLtalic;
}
